<%@ tag language="java" pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<%@ attribute name="content" type="java.lang.String" required="true" description="消息内容" %>
<%@ attribute name="type" type="java.lang.String" description="消息类型：info、success、warning、error、loading" %>
<c:if test="${not empty content}">
    <c:if test="${not empty type}">
        <c:set var="ctype" value="${type}"/></c:if>
        <c:if test="${empty type}">
            <c:set var="ctype" value="${fn:indexOf(content,'失败') eq -1?'success':'error'}"/>
        </c:if>
        <div id="messageBox" class="alert alert-${ctype}" style="display: none;">
            <button data-dismiss="alert" class="close">×</button>
            ${content}
        </div>
        <script type="text/javascript">
            $.when($("#messageBox").show()).done(function(){
                var time = 10;
                var interval = setInterval(function(){
                    time = time - 1;
                    if(time <= 0){
                        clearInterval(interval);
                        $("#messageBox").hide()
                    }
                },1000);
            });
        </script>
</c:if>